<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>熊猫优选</title>
  <link rel="shortcut icon" href="../static/images/favicon.ico">
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../css/index.css">
  <link rel="stylesheet" href="../css/swiper-bundle.css">
</head>

<body>
  <div class="userMessage">
    
  </div>

  <div class="aaa">
    <div id="header">
      <div class="log">
        <img src="../static/images/logo.png" alt="">
        <div>
          <h3>
            熊猫优选
          </h3>
          <span>XIONG MAO YOU XUAN</span>
        </div>

      </div>
      <div class="search">
        <input type="text" name="search" placeholder="搜索商品，发现更多优惠">
        <button>搜索</button>
      </div>
      <ul class="btn">
        <li>
          <img src="../static/images/baoyou.png" alt="">
          <span>全程包邮</span>
        </li>
        <li>
          <img src="../static/images/tuihuan.png" alt="">
          <span>7天退还</span>
        </li>
        <li>
          <img src="../static/images/baozheng.png" alt="">
          <span>品质保证</span>
        </li>
      </ul>
    </div>
  </div>

  <div class="banner">
    <ul>
      <li class="active1">首页</li>
      <li>购物车</li>
      <li id="fenlei">分类</li>
    </ul>
    <div class="swiper">
      <div class="swiper-wrapper">
        <!-- 轮播图 -->
      </div>
      <div class="swiper-pagination"></div>
      <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div>
    </div>

    <div class="classification" id="show">
      <!-- 商品分类 -->
    </div>
  </div>

  <h2 class="goodsListHeader">
    当前位置：首页
  </h2>

  <div class="goodsList">
    <!-- 商品列表  -->
  </div>

  <div class="more">
    <button>加载更多</button>
  </div>

  <div id="footer">
    你看我是底部导航栏哟！！！！！！！！！！
  </div>

  <div id="toStart">
    <ul>
      <li>购物车</li>
      <li>回顶部</li>
      <li class="show">首页</li>
    </ul>
  </div>

  <!-- 登录框 -->
  <div class="login show">
    <h3>登录账号</h3>
    用户名：<input type="text" placeholder="用户名3至5位" name="username">
    <p class="user"></p>
    密&emsp;码：<input placeholder="密码5-10位,含数字英文字母" type="password" name="pwd">
    <p class="pwd"></p>
    <button class="userlogin">登录</button>
    <button class="esc">取消</button>
  </div>

  <!-- 注册框 -->
  <div class="reg show">
    <h3>注册账号</h3>
    用户名：<input type="text" placeholder="用户名3至5位" name="username">
    <p class="user"></p>
    密&emsp;码：<input placeholder="密码5-10位,含数字英文字母" type="password" name="pwd">
    <p class="pwd"></p>
    <button class="userreg">注册</button>
    <button class="esc">取消</button>
  </div>

  
  
</body>

<script src="../js/swiper-bundle.js"></script>
<script src="../js/ajaxutil.js"></script>
<script src="../js/cookieUtil.js"></script>
<script src="../js/index.js"></script>



</html>   